<!--Copyright 2020 Google Inc.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.


This software is provided as-is,
without warranty or representation for any use or purpose.
Your use of it is subject to your agreement with Google.-->

<!DOCTYPE html>
<html>

<head>
    {% block head %}
    <title>Red Button/Break Glass Emergency Support Case Filing System</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    {% block styles %}
    <!-- Bootstrap CSS -->
    {{ bootstrap.load_css() }}
    {% endblock %}

    {% endblock %}
</head>

<body>
    {% block content %}
    <div class="container">
        <div class="row">
            <div class="col-sm-10 align-self-center">

                <div class="card text-center">
                    <div class="card-header">
                        <div class="container">
                            <div class="row">
                                <div class="col align-self-center">
                                    <h1>Cymbal Group Red Button</h1>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col align-self-center">
                                    Successfully created Support Case
                                    <a href="https://console.cloud.google.com/support/cases/detail/{{case_id}}?{% if response_message == 'organization' %}organizationId={{ organization_id }}
                                    {% else %}project={{ project_id }}{% endif %}" target="_blank">#{{ case_id }}</a>
                                    for
                                    {% if response_message == 'organization' %}
                                    <a href="https://console.cloud.google.com/projectselector2/home/dashboard?organizationId=116427108318&supportedpurview=project"
                                        target="_blank">Cymbal Group.com</a>
                                    {% else %}
                                    Project {{ response_message }}
                                    {% endif %} with <a href="{{ created_meeting_id }}" target="_blank">Google Meet
                                        Link</a>.
                                    The Support Case can be viewed on <a href="https://console.cloud.google.com"
                                        target="_blank">console.cloud.google.com</a>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col align-self-center">
                                    {{ error_message }}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">


                        <!-- start form container -->
                        <div class="container">
                            <div class="row">
                                <div class="col align-self-center">

                                    <form class="form" action="/index">

                                        <div class="form-group row">
                                            <div class="col-sm-12">
                                                <button type="submit" class="btn btn-primary">Create one more Support
                                                    Case</button>
                                            </div>
                                        </div>
                                    </form>

                                </div>
                            </div>
                        </div>
                        <!-- end form container -->

                    </div>
                </div>
            </div>
        </div>
    </div>

    {% endblock %}
</body>

</html>